@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;} a:hover{text-decoration:none;}
a:focus{text-decoration: none;outline: none;}
img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:'Arial';color:#333; position: relative; min-width: 1300px;}
/* public */
.clearfix {*zoom: 1;}

/* 
@font-face{
	font-family: '思源宋体';
	src:url('../font/SourceHanSerifCN-Regular-1.otf');
} */


.cleartab:before,.cleartab::after{content:'';display: table;}
/* 外边距溢出 */
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
/* 高度坍塌 */
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
/* 居中 */
.main{width:100%; max-width:1300px; margin:0 auto;}/* 宽度最大 */
.fixed{position:fixed;left:0;top:0;z-index:999;}

.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}




/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:100%;padding:20px 0;text-align:center;border-bottom:1px solid #dfdfdf;position:absolute;left:0;bottom:0;transform: none;top: auto;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{width:12px;height:12px;transform: translate(0,-50%);border-radius: 50%;vertical-align: middle; display:inline-block;float:left;background-color:#a0a0a0;margin:0 8px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{width: 12px;height: 12px;background-repeat: no-repeat;background-position: center;background-color: #FFFFFF; }
.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url(../images/cursor.png) no-repeat center; cursor:pointer;}


.header{height: 83px;background: #FFFFFF;}
.header>.main{position: relative;}
.header h1{display: inline-block;width: 240px;height: 34px;margin-top: 23px;background: url(../images/logo.png) no-repeat center/240px 34px;color: transparent;}
.header ul{float: right;display: inline-block;}
.header ul li{display: inline-block;line-height: 83px;/* width: 120px; */float: left;text-align: center;-webkit-box-sizing: border-box;margin: 0 17px;padding: 0 8px;height: 83px;-moz-box-sizing: border-box;box-sizing: border-box;}
.header ul li.on,.header ul li:hover{border-bottom: 4px solid #10afb3;}
.header ul li a{display: block;font-size: 16px;font-family: '思源宋体';color: #333333;text-transform: uppercase;}
/* .header ul li.on,.header ul li:hover{background: url(../images/icon01.png) no-repeat center;} */
.header .search_btn{display: inline-block;float: right; width: 25px;vertical-align: top;height: 25px;margin-top: 29px;cursor: pointer;background: url(../images/search.png) no-repeat center;margin-left: 20px;}
.header .head_form{position: absolute;right: 0;top: 83px;height: 40px;display: none;z-index: 1;}
.header .head_form input{background-color: #eeeeee;width: 250px;height: 100%;vertical-align: top; padding-left: 20px;color: #999999;}
.header .head_form input::placeholder{color: #999999;font-size: 14px;}
.header .head_form button{position: absolute;bottom: 0px;cursor: pointer;outline: none;right: 0px;width: 40px;height: 40px;background: url(../images/search01.png) no-repeat center/20px 20px;border: 0;background-color: #606060;}




/* 底部 */
.footer{background:#212121; color:#ffffff;font-size: 14px; line-height: 30px;}
.footer::after,
.footer::before{
	content: '';
	display: table;
}
.footer .roof{margin-top: 45px;min-height: 245px;}
.footer .footer_nav{float: right;display: inline-block;}
.footer .fl{float: left;margin-top: 40px;}
.footer .fr{margin-top: 68px;float: right;}
.footer a:hover{color: #aaaaaa;}
.footer .copy{height: 50px;line-height: 50px;text-align: center;color: #ffffff;border-top: 1px solid #595959;}




.tit01{
	text-align: center;
	margin-top: 96px;
	margin-bottom: 40px;
}
.tit01 h2{
	color: #333333;
	font-size: 36px;
	line-height: 56px;
	font-weight: bold;
	text-transform: uppercase;
}
.tit01 p{
	color: #999999;
	font-family: 'Arial Narrow';
	font-size: 15px;
	line-height: 35px;
}

/* i_tit */
.ipro{
	
}
.ipro .ipro_list .ipro_box{
	float: left;
	width: 422px;
	height: 268px;
	transition: all .35s;
	margin-left: 17px;
	margin-bottom: 9px;
	background-image: linear-gradient(to right,#ffffff,#eeeeee);
}

.ipro .ipro_list .ipro_box:hover{
	box-shadow: 0 0 20px #CCCCCC;
}
.ipro .ipro_list .ipro_box .img_box{
	width: 422px;
	height: 206px;
	overflow: hidden;
}
.ipro .ipro_list .ipro_box .img_box img{
	width: 80%;
	height: 80%;
	transition: all .35s;
	object-fit: contain;
}
.ipro .ipro_list .ipro_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.ipro .ipro_list .ipro_box:nth-of-type(1){
	float: left;
	margin-left: 0;
	width: 422px;
	height: 545px;
}
.ipro .ipro_list .ipro_box:nth-of-type(1) .img_box{
	height: 483px;
}
.ipro .ipro_list .ipro_box p{
	margin-left: 17px;
	line-height: 45px;
	font-size: 18px;
	text-indent: 18px;
	border-left: 3px solid #10afb3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.icase .icase_list .icase_box{
	width: 25%;
	float: left;
	height: 420px;
	overflow: hidden;
}
.icase .icase_list .icase_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s;
}
.icase .icase_list .icase_box:hover img{
	transform: scale(1.1,1.1);
}


.iab{
	margin-top: 180px;
}
.iab::after,
.iab::before{
	content: '';
	display: table;
}
.iab .iab_l{
	float: left;
	width: 660px;
}
.iab .iab_l .tit01{
	margin: 0;
	text-align: left;
	
}
.iab .iab_l .tit01 p{
	color: #10afb3;
	font-size: 16px;
}
.iab .iab_l p{
	color: #555555;
	font-size: 17px;
	font-family: '微软雅黑';
	line-height: 34px;
}
.iab .iab_l>p{
	margin-top: 30px;
}
.iab .iab_r{
	float: right;
}
.iab .iab_r .img_box{
	width: 574px;
	height: 386px;
	overflow: hidden;
}
.iab .iab_r .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s;
}
.iab .iab_r .img_box:hover img{
	transform: scale(1.1,1.1);
}
.iab .tag_box{
    /* text-align:center; */
    padding:40px 0 0 0;
}
.iab .tag_box .list_box{
    display:inline-block;
	margin-right: 50px;
}
.iab .tag_box .list_box h4 i{
    height:70px;
    line-height:70px;
    font-size:50px;
    color:#10afb3;
	font-style: italic;
    font-family: 'Arial';
	margin-right: 10px;
}
.iab .tag_box .list_box h4{
	font-size: 17px;
	line-height: 36px;
	color: #999999;
	font-family: "arial narrow";
}
.iab .iab_list{
	clear: both;
	padding-top: 50px;
	margin-bottom: 40px;
}
.iab .iab_list .iab_box:nth-of-type(1) p{
	/* text-align: left; */
}
.iab .iab_list .iab_box{
	float: left;
	width: 230px;
	text-align: center;
}
.iab .iab_list .iab_box+.iab_box{
	margin-left: 126px;
	
}
.iab .iab_list .iab_box a{
	display: block;
}
.iab .iab_list .iab_box img{
	opacity: .8;
	transition: all .35s;
}
.iab .iab_list .iab_box:hover img{
	opacity: 1;
}
.iab .iab_list .iab_box p{
	font-size: 20px;
	line-height: 36px;
	text-transform: uppercase;
	margin-top: 15px;
}



.inews .inews_box{
	width: 570px;
	margin-bottom: 127px;
	float: left;
}
.inews .inews_box a{
	display: block;
}
.inews .inews_box:nth-of-type(odd){
	margin-right: 160px;
}
.inews .inews_box .inews_t{
	margin-bottom: 40px;
}
.inews .inews_box .time{
	width: 32px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 22px;
	color: #666666;
}
.inews .inews_box .time p{
	color: #333333;
	font-size: 32px;
	margin-bottom: 8px;
	letter-spacing: -1px;
	display: inline-block;
}
.inews .inews_box h3{
	display: inline-block;
	padding-left: 23px;
	border-left: 1px solid #dddddd;
	font-size: 24px;
	font-weight: bold;
	line-height: 70px;
	text-transform: uppercase;
}
.inews .inews_box .img_box{
	width: 570px;
	height: 215px;
	overflow: hidden;
}
.inews .inews_box .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s;
}
.inews .inews_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.inews .inews_list .inews_box .inews_t~p{
	font-size: 17px;
	line-height: 24px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 30px;
	margin-bottom: 33px;
}
.inews .inews_list .inews_box .more{
	opacity: .8;
	width: 150px;
	height: 50px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 50px;
	border-radius: 3px;
	text-align: center;
	transition: all .35s;
	display: inline-block;
	background-color: #10afb3;
}
.inews .inews_list .inews_box .more:hover{
	opacity: 1;
}





.ins_img{
	width: 100%;
	height: 400px;
}
.ins_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.page{
    text-align:center;
	clear: both;
	margin: 77px 0 77px;
}
.page a{
	color: #666666;
	margin:0 5px;
	font-size: 16px;
	padding: 0 15px;
    display:inline-block;
	border: 1px solid #dcdcdc;
	line-height: 40px;
	transition: all .5s;
}
.page a.on,.page a:hover{
	border: 1px solid #13b5b1;
}
.sort{
	margin-top: 83px;
}
.sort .tl{
	float: left;
	color: #444444;
	font-size: 40px;
	line-height: 54px;
	text-transform: uppercase;
}
.sort .tl::before{
	width: 4px;
	content: '';
	height: 30px;
	display: inline-block;
	background-color: #13b5b1;
}
.sort .tr{
	float: right;
}
.select_box{width: 350px;outline: none;font-size: 16px;color: #333333;border: 1px solid #bfbfbf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;transition: all .2s;/* border-radius: 20px; */}
.select_box.on{border-bottom: 0;/* border-radius: 20px 20px 0 0; */}
.select_box .select_txt{display: block;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 300px;line-height: 52px;cursor: text;overflow: hidden;text-align: center;color: #888888;max-height: 51px;}
.select_box.on .select_txt{border-bottom: 1px solid #EEEEEE;}
.select_box .option{width:100%;border:solid 1px #bfbfbf;/* border-radius:0 0 20px 20px; */border-top: 0px;position:absolute;top:51px;left:-1px;z-index:2;overflow:hidden;display:none;}
.select_box .option a{display:block;height:50px;line-height:50px;text-align:left;width:100%;background:#fff;text-align: center;color: #888888;}
.select_box .option a:hover{background:#EEEEEE;}
.select_box .tri {position: absolute;transition: all .5s;top: 23px;right: 30px;height: 0;width: 0;border-top: 7px solid #888888;border-right: 6px solid rgba(0,0,0,0);border-left: 6px solid rgba(0,0,0,0);border-bottom: 0;}
.select_box.on .tri {transform: rotate(-180deg);}




/* case */
.case{
	/* margin-bottom: 40px; */
	background-image: none;
}
.case .case_list{
	margin-top: 22px;	
}
.case .case_box{
	float: left;
	margin-top: 40px;
}
.case .case_box+.case_box{
	margin-left: 40px;
}
.case .case_box:nth-of-type(3n+1){
	margin-left: 0;
}
.case .case_box .img_box{
	width: 406px;
	height: 280px;
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	overflow: hidden;
}
.case .case_box .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}
.case .case_box p{
	text-align: center;
	font-size: 15px;
	color: #333333;
	line-height: 60px;
}
.case .case_box:hover .img_box img{
	transform: scale(1.1);
}
/* .case .page{
	margin: 10px 0 77px;
} */

.news .news_list .news_box{
	margin-top: 40px;
	padding-bottom: 40px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}

.news .news_list .news_box::after{
	content: '';
	display: block;
	width: 0%;
	position: absolute;
	transition: all .35s;
	height: 1px;
	margin-top: 40px;
	background-color: #13b5b1;
}
.news .news_list .news_box:hover::after{
	width: 100%;
}


.news .news_list .news_box a{
	display: block;
	/* margin-bottom: 40px; */
}
.news .news_list .news_box a::before{
	content: '';
	width: 4px;
	height: 215px;
	float: left;
	display: inline-block;
	transition: all .35s;
	background-color: #b3b3b3;
}
.news .news_list .news_box.on a::before,
.news .news_list .news_box:hover a::before{
	background-color: #13b5b1;
}

.news .news_list .news_box .img_box{
	width: 567px;
	height: 215px;
	overflow: hidden;
}
.news .news_list .news_box .img_box img{
	transition: all .35s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news .news_list .news_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.news .news_list .news_box .text_box{
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
}
.news .news_list .news_box .text_box h2{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.news .news_list .news_box .text_box .time{
	margin-bottom: 20px;
}
.news .news_list .news_box .text_box .time,
.news .news_list .news_box .text_box p{
	color: #888888;
	font-size: 15px;
	line-height: 24px;
}
.news .news_list .news_box .text_box p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.newsv{padding-top:30px;padding-bottom:80px;}
.newsv_box .info_box{width:1300px;margin:0 auto;}
.newsv_box .nvtit{padding:30px 0;text-align:center;}
.newsv_box .nvtit h2{font-size:20px;color:#333;font-weight:bold;padding:5px 0;}
.newsv_box .nvtit p{font-size:16px;color:#6f6f6f;}
.newsv_box .text_box{font-size:16px;color:#333;line-height:28px;padding-bottom:30px;}
.newsv_box .btn_box{height:65px;line-height:65px; background-color: #f8f8f8;margin-top: 77px;padding: 0 20px;}
.newsv_box .btn_box a:nth-child(2){height:65px;line-height:65px; background-color: #f8f8f8;float: right;}
.newsv_box .btn_box a{display:inline-block;height:65px;font-size:15px;color:#444;transition: all .5s;}
.newsv_box .btn_box a:hover{color: #10afb3;}




.contact{margin: 160px 0;}
.contact .contact_box{float: left;width: 500px;}
.contact .contact_box>p{color: #10afb3;font-size: 16px;font-weight: bold;}
.contact .contact_box>p::before{content: '';display: inline-block;width: 48px;vertical-align: middle;background-color: #10AFB3;margin-right: 17px;height: 1px;}
.contact .contact_box h2{color: #444444;font-size: 40px;font-weight: bold;margin-top: 45px;margin-bottom: 50px;}
.contact .contact_box .text_box p{color: #666666;font-size: 15px;line-height: 24px;margin-bottom: 24px;}
.contact .contact_box .bshare-custom{margin-top: 50px;}
.contact .contact_box .bshare-custom a{width: 34px;height: 34px;padding: 0;border: 1px solid #dcdcdc;}
.contact .contact_box .bshare-custom a.bshare-qqim{background: url(../images/icon_02.png) no-repeat center/17px 19px;}
.contact .contact_box .bshare-custom a.bshare-sinaminiblog{background: url(../images/icon_03.png) no-repeat center/21px 16px;}
.contact .contact_box .bshare-custom .wx{position: relative;display: inline-block;vertical-align: middle;}
.contact .contact_box .bshare-custom .wx::before{border: 1px solid #dcdcdc;width: 34px;height: 34px;vertical-align: bottom;content: '';transition: all .35s;display: inline-block;}
.contact .contact_box .bshare-custom .wx::after{content: '|';display: inline-block;}
.contact .contact_box .bshare-custom .wx:last-of-type::after{display: none;}
.contact .contact_box .bshare-custom .wx:hover::before{opacity: .5;}
.contact .contact_box .bshare-custom .wx::before{background: url(../images/icon_04.png) no-repeat center;}
.contact .contact_box .bshare-custom .wx .wechat-qrcode{border: 1px solid #eee;position: absolute;z-index: 35;bottom: 100%;left: 50%;width: 200px;margin-left: -100px;display: none;color: #666;text-align: center;background-color: #fff;box-shadow: 0 2px 10px #aaa;transition: all 200ms;}
.contact .contact_box .bshare-custom .wx:hover .wechat-qrcode{display: block;}
.contact .contact_box .bshare-custom .wx .wechat-qrcode .pic{margin: 20px 0;}
.contact .contact_box .wx .wechat-qrcode h4{font-weight: normal;height: 26px;line-height: 26px;font-size:12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
.contact .contact_box .wx .wechat-qrcode:after{content: '';position: absolute;left: 46%;bottom: -13px;width: 0;height: 0;border-width: 8px 6px 6px 6px;border-style: solid;border-color: #fff transparent transparent transparent;}
.contact .contact_box .wx .wechat-qrcode .qrcode{background-color: #FFFFFF;}
.contact .contact_box .wx .wechat-qrcode .qrcode .pic{display: inline-block;}
.contact .contact_box .wx .wechat-qrcode .qrcode .pic span,
.contact .contact_box .wx .wechat-qrcode .qrcode .pic b{display: block;}
.contact .contact_box .wx .wechat-qrcode{border: 1px solid #eee;position: absolute;z-index: 35;bottom: 100%;left: 50%;width: 200px;margin-left: -100px;display: none;color: #666;text-align: center;background-color: #fff;box-shadow: 0 2px 10px #aaa;transition: all 200ms;}






.contact .message{
	float: right;
	width: 550px;
}
.contact .message input,
.contact .message textarea{
	width: 100%;
	color: #888888;
	font-size: 15px;
	line-height: 45px;
	font-family: '微软雅黑';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 17px;
	margin-bottom: 9px;
	border: 1px solid #d8d8d8;
}
.contact .message input.captcha{
	width: 395px;
}
.contact .message .img_box{
	float: right;
	width: 150px;
	height: 47px;
}
.contact .message .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contact .message textarea::placeholder{
	color: #888888;
	font-size: 15px;
	font-family: arial;
}
.contact .message button{
	width: 100%;
	height: 46px;
	color: #EEEEEE;
	font-size: 16px;
	line-height: 30px;
	border: 0;
	outline: none;
	font-weight: bold;
	cursor: pointer;
	transition: all .35s;
	background-color: #424242;
}
.contact .message button:hover{
	color: #FFFFFF;
	background-color: #313131;
}

.tit02{
	margin-top: 70px;
}
.tit02 h2{
	color: #444444;
	font-size: 40px;
	margin-bottom: 25px;
}
.tit02 h2::before{
	width: 4px;
	height: 30px;
	content: '';
	margin-right: 10px;
	display: inline-block;
	background-color: #10afb3;
}
.tit02 p{
	width: 700px;
	color: #888888;
	font-size: 15px;
	line-height: 24px;
}


.pro .pro_list .pro_box{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 70px;
	padding-top: 70px;
}
.pro .pro_list .pro_box:nth-last-child(1){
	border-bottom: 0;
	margin-bottom: 40px;
}
.pro .pro_list .pro_box .img_box{
	width: 390px;
}
.pro .pro_list .pro_box:nth-of-type(2n) .img_box{
	float: right;
}
.pro .pro_list .pro_box .pro_type{
	width: 910px;
	display: table-cell;
	vertical-align: middle;
}
.pro .pro_list .pro_box .pro_type h2{
	color: #333333;
	font-size: 30px;
	padding-bottom: 28px;
	margin-bottom: 35px;
	border-bottom: 3px solid #10adb2;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser{
	float: left;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser h3{
	background-color: #EEE;
	font-size: 19px;
    line-height: 45px;
    padding: 0 0 0 36px;
    margin-bottom: 17px;
    border-top: 0;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser h3::before{
	content: '';
	width: 15px;
	height: 15px;
	margin-right: 13px;
	display: inline-block;
	background: url(../images/icon_05.png) no-repeat center/15px 15px;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser ul li{
	color: #10adb2;
	font-size: 15px;
	line-height: 28px;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser ul li a{
	transition: all .35s;
	vertical-align: middle;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser ul li a:hover{
	color: #21bec3;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser ul li::before:hover{
	color: #21bec3;
}
.pro .pro_list .pro_box .pro_type .pro_type_box .pro_ser ul li::before{
	content: '';
	border-style: solid;
	vertical-align: middle;
	margin-left: 63px;
	margin-right: 10px;
	display: inline-block;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #10adb2;
}
.pro .pro_list .pro_box .pro_type .more{
	clear: both;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	width: 130px;
	color: #999999;
	margin-top: 50px;
	display: inline-block;
	border:1px solid #dcdcdc;
	transition:  all .35s;
}
.pro .pro_list .pro_box .pro_type .more:hover{
	color: #000000;
	border:1px solid #333333;
}
.col-1>div{
	width: 100%;
}
.col-2>div{
	width: 48%;
	float: left;
}
.col-2>div+div{
	margin-left: 4%;
}

.col-3>div{
	width: 32%;
	float: left;
}
.col-3>div+div{
	margin-left: 2%;
}
.col-3>div:nth-of-type(3n+1){
	margin-left: 0;
}




/* nav */
.nav{
	margin: 60px auto 40px;
}
.nav::before{
	content: '';
	width: 17px;
	height: 24px;
	vertical-align: top;
	margin-right: 11px;
	display: inline-block;
	background: url(../images/icon_06.png) no-repeat center;
}
.nav a{
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	transition: all .35s;
}
.nav a:hover{
	color: #10afb3;
}
.nav a+a::before{
	content: '/';
	margin: 0 10px;
	display: inline-block;
}

/* prov */
.jpro{
	margin-bottom: 30px;
}
.jpro::after,
.jpro::before{
	content: '';
	display: table;
}
.jpro .pl{
	float: left;
	width: 548px;
	/* height: 378px; */
	background-color: #fff;
}
.jpro .pl .bd{
	position: relative;
	border: 1px solid #dcdcdc;
}
.jpro .pl .bd .img_box{
	width: 548px;
	height: 378px;
}
.jpro .pl .bd .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.jpro .pl .bd .pro_prev,
.jpro .pl .bd .pro_next{
	position: absolute;
	width: 50px;
	bottom: 0px;
	cursor: pointer;
	left: 0;
	height: 50px;
	transition: all .35s;
	background-color: #c4c4c4;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	font-family: '宋体';
}

.jpro .pl .bd .pro_prev:hover,
.jpro .pl .bd .pro_next:hover{
	background-color: #4b4b4b;
}
.jpro .pl .bd .pro_next{
	left: 52px;
}
.jpro .pr{
	float: right;
	position: relative;
	/* padding: 35px 45px 30px 35px; */
	width: 680px;
	height: 378px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.jpro .pr h3{
	color: #222222;
	font-size: 26px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	border-bottom: 1px solid #e5e5e5;
}
.jpro .pr h3 .sec{
	color: #555555;
	font-size: 18px;
	margin-left: 25px;
	display: inline-block;
}

.jpro .pr .swiper-container {
      width: 100%;
      height: 100%;
}

.jpro .pr .swiper-slide {
      font-size: 18px;
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

.jpro .pr .swiper-container{
	width: 100%;
	height: 250px;
	
}
.jpro .pr .text_box h4{
	color: #444444;
	font-size: 18px;
	margin-bottom: 12px;
}
.jpro .pr .text_box .ltext{
	float: left;
	width: 50%;
}
.jpro .pr .text_box .rtext{
	float: right;
	width: 50%;
}
.jpro .pr .text_box p{
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	padding-left: 15px;
}
.jpro .pr .text_box p::before{
	width: 5px;
	height: 5px;
	content: '';
	vertical-align: middle;
	border-radius: 50%;
	margin-left: -10px;
	margin-right: 5px;
	display: inline-block;
	background-color: #666666;
}
.jpro .pr .pages{
	bottom: 0;
	text-align: unset;
	position: absolute;
	margin: 0;
}
.jpro .pr .pages a{
	width: 192px;
	height: 43px;
	font-size: 15px;
	text-align: center;
	color: #666666;
	transition: all .35s;
	border-radius: 20px;
	line-height: 43px;
	display: inline-block;
	border: 1px solid #ececec;
}
.jpro .pr .pages a+a{
	margin-left: 45px;
}
.jpro .pr .pages a:hover{
	border: 1px solid #444;
	color: #444;
}


.det .main{
	margin-bottom: 110px;
}
.det::after,
.det::before{
	content: '';
	display: table;
}
.det .text{
	background-color: #FFFFFF;
	/* padding: 35px 45px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.det .text h2{
	color: #444444;
	font-size: 22px;
	line-height: 24px;
	padding-top: 40px;
	margin-bottom: 32px;
	margin-top: 35px;
	border-top: 1px solid #dcdcdc;
}
.det .text h2::after{
	content: '';
	display: inline-block;
	width: 0;
	vertical-align: middle;
	height: 0;
	margin-left: 15px;
	border-style: solid;
	transition: all .35s;
	border-width: 7px 7px 0 7px;
	border-color: #535353 transparent transparent transparent;
}
.det .text h2.on::after{
	transform: rotate(-180deg);
}
.det .text .ta_box{
	font-size: 16px;
}
.det .text .ta_box .full{
	width: 100%;
	text-indent: 5px;
	height: 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.det .text .ta_box .lw{
	float: left;
	height: 21px;
	width: 329px;
	line-height: 20px;
	text-indent: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-box-sizing: border-box;
}
.det .text .ta_box .rw{
	line-height: 20px;
	height: 21px;
	float: left;
	width: 970px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.det .text .ta_box .hd{
	font-weight: bold;
	text-transform: uppercase;
	background-color: #b7dee8;
}
.det .text .ta_box .bd{
	text-align: center;
}
.det .text .ta_box .samll_box{
	width: 120px;
}
.det .text .ta_box .samll_box{
	float: left;
	text-align: center;
	display: inline-block;
	border-right: 1px solid #000000;
}
.det .text>p{
	font-size: 16px;
	margin-top: 20px;
}
.det .text .ta_box .samll_box:nth-last-child(1){
	border-right: 0;
}
.det .text .pro_list .pro_box{
	float: left;
	margin-right: 20px;
	transition: all .35s;
}
.det .text .pro_list .pro_box:hover{
	margin-top: -5px;
	margin-bottom: 5px;
}
.det .text .pro_list .pro_box .img_box{
	width: 310px;
	height: 214px;
}
.det .text .pro_list .pro_box:nth-of-type(4n){
	margin-right: 0;
}
.det .text .pro_list .pro_box p{
	color: #444444;
	font-size: 14px;
	line-height: 68px;
	text-align: center;
}






.ab{margin: 85px auto 90px;}
.ab .l_ab{float: left;width: 725px;}
.ab .l_ab>p{color: #10afb3;font-size: 16px;font-weight: bold;}
.ab .l_ab>p::before{content: '';display: inline-block;width: 48px;vertical-align: middle;background-color: #10AFB3;margin-right: 17px;height: 1px;}
.ab .l_ab h2{color: #444444;font-size: 40px;font-weight: bold;margin-top: 40px;}
.ab .l_ab h3{
	color: #444444;
	font-size: 26px;
	font-weight: 100;
	margin-top: 15px;
	margin-bottom: 45px;
}
.ab .l_ab .text_box{
	color: #666666;
	font-size: 16px;
	line-height: 24px;
}
.ab .r_ab{
	float: right;
}
.ab .r_ab .img_box{
	width: 496px;
	height: 607px;
}
.ab .r_ab .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.deve{
	position: relative;
}
.deve img{
	width: 100%;
	height: 100%;
	max-height: 600px;
	object-fit: cover;
}
.deve .text{
	font-size: 26px;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	width: 830px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.deve .text::before{
	content: '“';
	display: block;
	color: #FFFFFF;
	font-size: 120px;
}
.deve .text::after{
	content: '';
	width: 80px;
	height: 2px;
	margin: 63px auto 0;
	display: block;
	background-color: #FFFFFF;
	
}



.honor h2{
	font-size: 30px;
	font-weight: bold;
	margin-top: 85px;
	text-align: center;
	margin-bottom: 60px;
	text-transform: uppercase;
}
.honor h2::after{
	content: '';
	display: block;
	margin: 0 auto;
	width: 200px;
	background-color: #10afb3;
	margin-top: 20px;
	height: 2px;
}
.honor .phonor{
	position: relative;
	
}
.honor .phonor .bd{
	width: 335px;
}
.honor .phonor .bd li{
	float: left;
	margin-right: 39px;
}
.honor .phonor .bd .img_box{
	width: 296px;
	height: 420px;
	overflow: hidden;
}
.honor .phonor .bd .img_box img{
	transition: all .35s;
}
.honor .phonor .bd .img_box:hover img{
	transform: scale(1.1,1.1);
}
.honor .phonor .hd ul{
	margin: 60px auto 80px;
	text-align: center;
}
.honor .phonor .hon_next,
.honor .phonor .hon_prev{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 185px;
	cursor: pointer;
	color: #FFFFFF;
	opacity: .5;
	font-size: 25px;
	line-height: 50px;
	transition: all .35s;
	text-align: center;
	font-family: '宋体';
	display: inline-block;
	background-color: #4b4b4b;
}
.honor .phonor .hon_next{
	right: 0;
}

.honor .phonor .hon_next:hover,
.honor .phonor .hon_prev:hover{
	opacity: 1;
}
.honor .phonor .hd li{
	width: 9px;
	height: 9px;
	border-radius: 50%;
	display: inline-block;
	background-color: #d2d2d2;
	font-size: 0;
	margin: 0 5px;
}
.honor .phonor .hd li.on{
	position: relative;
	background-color: #10afb3;
}
.honor .phonor .hd li.on::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	content: '';
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #10afb3;
	transform: translate(-50%,-50%);
}

.prol{
	margin-top: 50px;
	margin-bottom: 90px;
}
.prol .prol_box{
	width: 310px;
	height: 425px;
	padding: 20px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}
.prol .prol_box:nth-of-type(4n){
	margin-right: 0;
}
.prol .prol_box .img_box{
	width: 288px;
	height: 186px;
	overflow: hidden;
}
.prol .prol_box .img_box img{
	object-fit: cover;
	transition: all .35s;
}
.prol .prol_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.prol .prol_box .text{
	margin-top: 10px;
}
.prol .prol_box .text h2{
	font-size: 18px;
}
.prol .prol_box .text .type{
	color: #FFFFFF;
	font-size: 14px;
	padding: 0px 9px;
	line-height: 24px;
	border-radius: 3px;
	margin: 9px 0 15px;
	display: inline-block;
	background-color: #13b5b1;
}
.prol .prol_box .text .text_box p{
	font-size: 14px;
	line-height: 23px;
}
.prol .prol_box .text .text_box p::before{
	content: '';
	width: 12px;
	height: 23px;
	margin-right: 11px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/icon_07.png) no-repeat center;
}
.prol .prol_box .text .text_box p span{
	color: #777777;
}
.prol .prol_box .text .more{
	width: 100%;
	height: 30px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	border-radius: 3px;
	text-align: center;
	margin-top: 20px;
	transition: all .35s;
	background-color: #13b5b1;
}
.prol .prol_box .text .more:hover{
	opacity: .75;
}
